<%@page import="com.alluringdecors.bean.Category"%>
<%@page import="java.util.List"%>
<%@page import="com.alluringdecors.model.CategoryModel"%>
<%
    if(session.getAttribute("lCategory") == null) {
        List<Category> lCart = CategoryModel.getInstance().getListObject();
        session.setAttribute("lCategory", lCart);
    }
%>
<div style="width: 205px;">
    <!--// bof: categories //-->
    <div id="categories" style="width: 205px;">
        <div class="box_head">
            <div class="innerbox1">
                <div class="innerbox2">
                    <div class="innerbox3">
                        <div class="innerbox4">
                            <div class="innerbox5">
                                <div class="innerbox6"> Categories </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="box">
            <div class="box_inner1">
                <div class="box_inner2">
                    <div class="box_inner3">
                        <div class="box-indent">
                            <div class="box1_body"> <div id="categoriesContent" class="sideBoxContent">
                                    <ul>
                                        <c:forEach var="cat" items="${sessionScope['lCategory']}">
                                            <li class="category-top">
                                                <span class="top-span">
                                                    <a class="category-top" href="index.jsp?cmd=services&id=${cat.categoryId}">
                                                        ${cat.categoryName}
                                                    </a>
                                                </span>
                                            </li>
                                        </c:forEach>
                                    </ul>
                                </div> </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--// eof: categories //-->
    <!--// bof: reviews //-->

    <div id="reviews" style="width: 205px;">
        <div class="box_head">
            <div class="innerbox1">
                <div class="innerbox2">
                    <div class="innerbox3">
                        <div class="innerbox4">
                            <div class="innerbox5">
                                <div class="innerbox6"> <a href="#">Reviews</a> </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="box">
            <div class="box_inner1">
                <div class="box_inner2">
                    <div class="box_inner3">
                        <div class="box-indent">
                            <div class="box1_body"> <div id="reviewsContent" class="sideBoxContent centeredContent">
                                    <div class="img_box1" style="text-align: center;">
                                        <a href="#">
                                            <img src="../images/style/21.jpg" alt="Product #021" title=" Product #021 " width="152" height="144"></a>
                                    </div>
                                    <div class="clear"></div>
                                    <div style="padding-top: 0pt;">
                                        <div style="padding-left: 0pt; padding-top: 15px; padding-bottom: 5px;"> <b>
                                                <a href="#">Product #021</a></b></div>
                                        <div style="padding-left: 0pt; padding-top: 15px; padding-bottom: 15px;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In<br><br>
                                            <img src="../images/style/stars_box_5.gif" alt="5 of 5 Stars!" title=" 5 of 5 Stars! " width="106" height="21"></div>
                                        <div class="clear"></div></div></div> </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--// eof: reviews //-->
</div>

